.cent,.foot,.bah ul,.hea,.hea1 div{ max-width:1200px; margin:auto; overflow:hidden}
.header{overflow:hidden}
.nav{ position:absolute; right:10%; top:27%}
.hea{ margin:0.4% auto 0; overflow:hidden}
.head{ position:relative; margin:0 auto}
.hea1 .left{ width:38%; font-size:14px; line-height:33px}
.hea1 .left img{ width:100%}
.hea1 .right{ width:50%; padding-top:2%}
.hea1 .right img{ vertical-align:middle; margin-right:2%}
.hea1{ padding-top:1%}
.nav1 ul{ width:100%; overflow:hidden; margin:2% 0}
.nav1 ul li,.fx ul li{ float:left}
.nav1 ul li{ width:11.111%; text-align:center;}
.nav1 ul li a{ color:#0e0202; font-size:18px; display:block;}
.nav1 ul li a:hover,.nav1 ul li .curr{ color:#1090ee;}
.nav1 ul li span{ display:block; font-size:12px}
.nav1 ul li{ display:inline-block}
.nav2{ display:none}
.zyw{ text-align:right; font-size:36px; color:#ef4a4a}
.zyw img{ vertical-align:middle; margin-right:2%}
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li a{ display:block;}
.slides li img{ width:100%}
.flex-control-nav{ display:block; position:absolute;bottom:4%; right:16%; z-index:2;width:100%;text-align:right;}
.flex-control-nav li{display:inline-block;width:19px;height:19px;margin:0 7px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:19px;height:19px;line-height:55px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{ display:none}

.sy1{ max-width:1502px; margin:auto; overflow:hidden; padding-left:1%; padding-top:4%; padding-bottom:1%;}
.sy1 .left,.sy1 .right{ width:50%}
.sy1 .left{ box-shadow:0 0 25px #000; background:#fff; padding:0 5%}
.sy1:hover .left{ position:absolute; top:-40px; z-index:100%; width:741px}




.sy1 .left h1{ font-size:24px; color:#1f89e3; text-align:center; margin-top:16%}
.sy1 .left h1 span{ font-size:16px; color:#777575; display:block; margin-top:2%}
.sy1 .left p{ text-indent:2em; line-height:32px; margin:10% 0 18%; font-size:14px}
.sy1 .left p span{ font-size:16px}
.sy1 .left p a,.more a{ font-size:18px; text-align:center; width:200px; display:block; margin:17% auto 0; line-height:50px; border:#3ba9f1 2px solid; color:#3ba9f1; text-indent:0; letter-spacing:1px}
.sy1 .left p a:hover,.more a:hover{ background:#3ba9f1; color:#fff}
.more a{ margin-top:2%; width:170px; margin-bottom:6%}
.center1{ position:relative}

.center1{ position:absolute; left:0; z-index:999; width:100%}

.sy1 .right img{ width:100%} 
.centt{ position:relative}
.sy11-1{ padding-bottom:3.5%; background:#eee}
.sy-b{ font-size:24px; color:#1f89e3; text-align:center; margin:4% 0}
.sy2{ overflow:hidden} 
.sy2 dl{ float:left; width:31.333%; margin:0 1% 5%}
.sy2 dl a{ display:block; border-bottom:#999 1px solid}
.sy2 dl a:hover{ border-bottom:#3ba9f1 1px solid}
.sy2 dl dd{ padding:8% 0; font-size:18px}
.he_ZoomInImg{ background:#000;width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img{opacity:.4;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.he_ZoomInImg .he_ZoomInImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption_p{font-size:16px;text-align:center; -webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0; text-align:center; line-height:30px; letter-spacing:2px; color:#fff; padding:30% 17%}
.he_ZoomInImg .zom-1 img{ display:block; margin:0 auto; width:29px; height:28px}
.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#fff;opacity:1}
.he_ZoomInImg_caption div p{ float:left; width:33.333%; text-align:center}
.sy3{ max-width:1500px; margin:auto; overflow:hidden; position:relative}
.sy3 .left{ width:35%; background:#2197f5; position:absolute; left:0; top:8%; padding:3% 5%}
.sy3 .right{ width:70%}
.sy3 .right p img{ width:100%}
.sy3 .left h1{ font-size:24px; color:#fff; text-align:center}
.sy3 .left ul li a{ color:#fff; font-size:16px}
.sy3 .left ul li{ border-bottom:#9c9a9a 1px solid; padding:14% 0 6%}
.sy3 .left ul li a span{ display:block; font-size:14px; margin-top:2%}
.more1{ text-align:right; margin-top:12%}
.more1 a{ color:#fff; font-size:16px}
.foot{ overflow:hidden; padding:2% 0}
.foot div{ float:left; width:51.333%}
.bah{ background:#676767; text-align:center; padding:0.5%}
.bah p,.bah p a{ font-size:16px; color:#fff; line-height:30px}
.bah p span{ display:inline-block; margin-left:4%}
.foot .xxd h1{ font-size:18px; color:#060707; margin-bottom:2%}
.foot .xxd ul li a{ font-size:14px; padding:2.5% 0; display:block; color:#060707}
.foot .xxd1 ul li{ font-size:14px; color:#060707; padding:1% 0}
.foot .xxd{ width:24%}
.foot .xxd1 ul li img{ vertical-align:middle;}
.foot .xxd1 ul li span{ color:#000; font-size:20px; margin:0 4%}
.foot p img{ display:block; margin:auto; max-width:100%; padding-top:3%}

.banner p img{ width:100%}
.footer1{ border-top:#000 2px solid}
.ny-b{ text-align:center; font-size:24px; color:#494a4b; margin:4% 0}
.ny-b img{ display:block; margin:1% auto 0}
.fy{ text-align:center; padding:0% 0 6%; color:#b1b1b1; clear:both}
.fy a{ font-size:16px; display:inline-block; border:#ccc 1px solid; margin:0 0.5%; padding:0.8% 1.2%; line-height:20px; vertical-align:middle}
.fy a:hover{ border:#148acf 1px solid; color:#fff; background:#148acf}

.sy2-1 dl{ width:31.3%; border:#ccc 1px solid; margin:1%; padding:5px}
.sy2-1 dl a,.sy2-1 dl a:hover{ border:0; text-align:center}
.sy2-1 dl:hover{ box-shadow:0 0 20px #56b0e5}
.sy2 dl dt img{ width:100%}
.sy2-1 dl dt img{ height: 210px}
.sy2-1{ margin-bottom:5%}

.sy2-2 dl{ padding:0;border:#999 1px solid; width:31.333%}

.jjf{ margin-bottom:5%}
.jjf h1{ margin:3% 0 2%; background:#eee; font-size:16px; line-height:35px; overflow:hidden; padding:0 1%}
.jjf h1 a{ font-size:16px; float:right}
.jjf dl{ overflow:hidden}
.jjf dl dt{ float:left; width:27.8%}
.jjf dl dt img{ width:100%}
.jjf dl dd{ float:right; width:70%; font-size:16px; line-height:28px; padding-top:2%}
.jjf dl a:hover dd{ color:#333}

.xw{ border-bottom:#999 1px solid; padding:2% 0}
.x-z{ width:25%}
.x-y{ width:71%}
.x-y .left{ width:73%}
.x-y .right{ width:18%; padding-top:5%}
.x-y .right a{ display:block; border:#ccc 1px solid; text-align:center; font-size:16px; color:#bebbbb; line-height:42px}
.x-y .right a:hover{ background:#3baaf1; border:#3baaf1 1px solid; color:#fff}
.x-y .left h1{ font-size:18px;}
.x-y .left p{ font-size:14px; color:#6c6b6a; margin:3% 0; line-height:24px}
.x-y .left h2{ color:#6c6b6a; font-size:18px;}
.x-y .left h2 span{ font-size:14px; display:inline-block; margin-left:5px}
.x-z p img{ width:100%}
.xwd{ margin-bottom:5%}

.xq1{ margin:5% 0}
.xq1 h1{ font-size:20px; color:#454646; text-align:center; padding:0 0 2%}
.xq1 h2{ font-size:16px; color:#424140; text-align:center; margin-bottom:3%; border-bottom:#999 1px solid; padding-bottom:1%}
.xq1 h2 span{ display:inline-block; margin-left:4%}
.xq1 p{ font-size:14px; color:#454646; line-height:24px; text-indent:2em; margin:1% 0} 
.xq1 p img{ max-width:100%; display:block; margin:2% auto 4%}
.sxp a{ font-size:16px}
.sxp{ margin-bottom:6%; overflow:hidden}
.about{ margin-bottom: 3%; }
.about p{ font-size:16px; color:#454646; line-height:24px; text-indent:2em; margin:1% 0} 
.about img{ margin:1% auto; }

.lxw{ overflow:hidden; padding:0 14%; margin:6% 0 4%}
.lxw li{ float:left; width:50%; margin:1.5% 0; font-size:14px; color:#494a4b}
.lxw li img{ vertical-align:middle; margin-right:4%}
.dt{ border:#999 1px solid; margin-bottom:7%}
/*.dt img{ width:100%}*/

.cps{ margin:6% auto; max-width:950px;}
.cps p{ overflow:hidden; margin-bottom:4%}
.cps p span{ display:inline-block}
.cps p img{ width:5.5%}
.cps p .right{ overflow:hidden; width:94.5%; background:#eee; padding:0 2%; color:#847f7f}
.cps p .right .left{ width:10%; line-height:41px}
.cps p .right input,.cps p .right textarea{ float:right; width:90%; height:41px; line-height:41px; background:none; border:0}
.cps p .right textarea{ height:150px; resize:none}
.cps .tj input{ width:22%; background:#00a0e9; font-size:16px; color:#fff; text-align:center; line-height:40px; border:0; margin:2% auto 0; display:block}

.bj2{ background:#eee; padding:3% 0}

@media only screen and (max-width:1500px){
.sy11-1{
    background: url(../images/s-bg.jpg) no-repeat center bottom;
}
.sy1 .left:hover{ position:absolute; top:-40px; z-index:100%; width:49.5%}
.sy1 .left, .sy1 .right,.sy1 .right img{ height:471px}
.sy1 .left p{ line-height:26px}
.sy1 .left p a, .more a{ margin:9% auto 0}
.sy1 .left h1{ margin-top:15%}
.sy1 .left p{ margin:8% 0 8%}
}


#indexa{ margin: 0 auto;margin-top: 0px; }
.indexa_title {margin:0 auto; background: url(../images/indexa_title.png) no-repeat  top center; text-align:center; padding:4% 0; }
.indexa_title h4 {font-size:24px; color:#646464; line-height: 30px;}
.indexa_title span {line-height: 30px; font-size: 16px; color: #c9c8c8; text-transform: uppercase;}
.picture{ float:left; width:250px; height:315px; overflow:hidden; margin:10px 25px 10px 25px; }
.picture1{   
	width:21%;
	margin:0 2%;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	display:table-cell; 
	*display: block;
  }
.picture2{height:50px; text-align:center; line-height:50px; }
.picture2 a{ font-size: 16px;}
.picture1 img{ vertical-align:middle; border:0;}
.picture1 img:hover{filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

.pictureh{ float:left; overflow:hidden;}
.pictureh1{   
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	display:table-cell; 
	background:#fff;
	/* position:relative;  */
	*display: block;
  }
.pictureh2{text-align:center; line-height:30px;}
.pictureh1 img{ vertical-align:middle; border:0;}
.pictureh1 img:hover{filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

.picturea{ float:left; overflow:hidden; margin:0px 30px 0px 30px;}
.picturea1{   
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	display:table-cell; 
	background:#fff;
	*display: block;
  }
.picturea2{ text-align:center; line-height:50px; font-size: 16px; padding: 5px 0px 0px 0px;}
.picturea2 a{font-size: 16px;font-weight: bold;}
.picturea3{line-height:25px; text-align: center;}
.picturea1 img{ vertical-align:middle; border:0;}
.picturea1 img:hover{filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

.pictureb{ float:left;  overflow:hidden; width:21%; margin:0 2%}
.pictureb1{   
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	display:table-cell; 
	
	/* position:relative;  */
	*display: block;
  }
.pictureb2{height:50px; text-align:center; line-height:50px; font-size: 16px; padding: 5px 0px 0px 0px;}
.pictureb2 a{font-size: 16px; font-weight: bold;}
.pictureb3{line-height:30px; text-indent: 25px; font-size:12px}
.pictureb1 img{ vertical-align:middle; border:0; width:100%}
.pictureb1 img:hover{filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

.piclist{ float:left; overflow:hidden; margin:10px 15px 10px 15px;}
.piclist1{   
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	display:table-cell; 
	border:1px solid #f0f0f0;
	/* position:relative;  */
	*display: block;
  }
.piclist2{height:30px; text-align:center; line-height:30px;}
.piclist1 img{ vertical-align:middle; border:0;}
.sy1-11{ background:#fafafa; padding-bottom:3%}
.anchorTL,.anchorBL,.quad4{ display:none;}

.dwe{ clear:both; position:absolute; top:39%; left:40%}
.hea1 div{ position:relative}
.dwe img{ width:100%}


.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}
 

@media (min-width: 1024px)  { .uyop{ height:380px;}}
@media screen and (min-width:640px) and (max-width:1024px){
    .uyop{ height:300px;}
}
@media (max-width: 640px)  { .uyop{ height:200px;}.scrollsidebar{ display:none}}